<template>
<mk-content bgColor="dark">
  <div class="userheader">
    <div style="display: flex;align-items: center">
      <img width="100" height="30" src="https://static.aimeike.tv/assets/img/logo/logo.png" alt="">
      <el-menu :default-active="$route.path"
               router
               class="el-menu-demo hidden-xs-only"
               mode="horizontal">
        <el-menu-item index="/app/video">我的视频</el-menu-item>
        <el-menu-item index="/app/videoTemplate">主题模板</el-menu-item>
        <el-menu-item index="/app/editVideo">编辑视频</el-menu-item>
      </el-menu>
    </div>
    <div>
      <el-avatar size="medium"></el-avatar>
    </div>
  </div>
</mk-content>
</template>

<script>
export default {
  name: "userHeader"
}
</script>

<style scoped>
.userheader{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
.userheader div:nth-of-type(1){
  display: flex;
}
</style>
